<div>
  <form class="form-horizontal" role="form" novalidate name="myForm">
    <div class="form-ctrl md-whiteframe-z1">
      <div class="form-search" style="height:230px;" ng-class="{true: 'shou'}[shoumun.num==0]" ng-switch on="sendData.timeType">
        <div>
          <label>系统名称</label>
          <md-select ng-model="sendData.system" >
            <md-option ng-value="system.systemCode" ng-repeat="system in sysNames">{{system.systemName}}</md-option>
          </md-select>
        </div>
        <div>
          <label>域</label>
          <md-select multiple ng-model="sendData.region">
            <md-select-label>
              {{sendData.region.length ? _getNames(sendData.region,'regionName',regions) :'全部'}}
            </md-select-label>
            <md-option ng-value="" ng-click="_checkAll(sendData,'region')">全部</md-option>
            <md-option ng-value="re" ng-repeat="re in regions">{{re.regionName}}</md-option>
          </md-select>
        </div>
        <!-- <div>
          <label style="width:115px">网络设备</label>
          <md-select multiple ng-model="sendData.resource">
            <md-select-label>
              {{sendData.resource.length ? _getNames(sendData.resource,'resourceName',netWorkEquipment) :'全部'}}
            </md-select-label>
            <md-option ng-value="" ng-click="_checkAll(sendData,'resource')">全部</md-option>
            <md-option ng-value="re" ng-repeat="re in netWorkEquipment">{{re.resourceName}}</md-option>
          </md-select>
        </div>
        <div></div>
        <div></div> -->
        <div>
          <label style="">账期</label>
          <md-select ng-model="sendData.timeType">
            <md-option ng-value="item.timeTypeCode" ng-repeat="item in timeTypes" ng-click="changeTime(item.timeTypeCode,sendData)">{{item.timeTypeName}}</md-option>
          </md-select>
        </div>
        <div  ng-switch-when="0">
           <md-input-container flex>
             <label >开始时间</label>
             <input type="datetime-local" ng-model="sendData.startTime"  time-validate="hours" end-time="sendData.endTime"  required name="startDateTime">
             <div ng-messages="myForm.startDateTime.$error">
               <div ng-message="date">请正确输入时间</div>
               <div ng-message="time-error">开始时间不应大于结束时间</div>
               <div ng-message="too-great">结束时间不应大于当前时间</div>
             </div>
           </md-input-container>
         </div>
         <div  ng-switch-when="0" >
           <md-input-container flex>
             <label >结束时间</label>
             <input type="datetime-local" ng-model="sendData.endTime"  time-validate="hours" start-time="sendData.startTime" required name="endDateTime">
             <div ng-messages="myForm.endDateTime.$error">
               <div ng-message="date">请正确输入时间</div>
               <div ng-message="time-error">开始时间不应大于结束时间</div>
               <div ng-message="too-great">结束时间不应大于当前时间</div>
             </div>
           </md-input-container>
         </div>
        <div ng-switch-when="1">
          <md-input-container flex>
            <label>开始时间</label>
            <input type="date" ng-model="sendData.startTime"  time-validate="day" end-time="sendData.endTime" required
                   name="startDate">
            <div ng-messages="myForm.startDate.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">开始时间不应大于结束时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
            </div>
          </md-input-container>
        </div>
        <div ng-switch-when="1">
          <md-input-container flex>
            <label>结束时间</label>
            <input type="date" ng-model="sendData.endTime"  time-validate="day" start-time="sendData.startTime" required name="endDate">
            <div ng-messages="myForm.endDate.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">开始时间不应大于结束时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
            </div>
          </md-input-container>
        </div>
      </div> <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="!btnDisabled" ng-click="shoumun.num=0"></i>
      <md-button ng-disabled="myForm.$invalid"  ng-click="shoumun.num==1?shoumun.num=0:shoumun.num=1;search()" class="md-fab md-primary md-hue-1" aria-label="Profile"> <i class="glyphicon glyphicon-arrow-down"
      style="margin-top:28px;"  ng-show="shoumun.num==0"></i>
        <i class="glyphicon glyphicon-search" ng-show="shoumun.num==1"></i>
      </md-button>
    </div>
  </form>
  <div class="table-info">
    <div class="menus" ng-show="flag === 'view'">
    <span>&nbsp;&nbsp;</span>
      <md-button class="md-raised" ng-click="search()" style="background-color: #FF9800;color:white">防火墙</md-button>
      <md-button class="md-raised" ng-click="queryRouter()" style="background-color: #FF9800;color:white">路由器</md-button>
      <md-button class="md-raised" ng-click="queryNetworkExchangeMachine()" style="background-color: #FF9800;color:white" >交换机</md-button>
    </div>
    <div>
      <div id="doc" class="left" style="height:310px;width:614px;"></div>
      <div id="doc1" class="right" style="height:310px;width:614px;"></div>
      <div id="doc2" class="left" style="height:310px;width:614px;"></div>
      <div id="doc3" class="right" style="height:310px;width:614px;"></div>
    </div>
  </div>
</div>